<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
  定时器:
     1.  循环定时器
     2.  一次性定时器
-->

<button>清除定时器</button>
<button>清除timeOut定时器</button>
<script>

    //  参数1  定时任务   参数2  间隔时间   返回值  定时器的唯一标识
    let timeId = setInterval(function () {
        // 定时器任务
        console.log("hello")
    }, 1000)


    // 清除定时器
    document.querySelector('button').onclick = function () {
        clearInterval(timeId)
    }

    // 一次定时
    let timeOutId = setTimeout(function () {
        console.log('timeOut')
    }, 5000)

    // 清除 Timeout定时器   清除需要再执行之前
    document.querySelectorAll('button')[1].onclick = function (){
        clearTimeout(timeOutId)
    }


</script>
</body>
</html>
